rate 评分
更新时间:2022-02-16
rate 评分
评分
属性说明:
属性名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
class-name-icon | String | 否 | 无 | 自定义图标class(一般用于设置图标大小间距,图标默认0.28rem) |
class-name-score | String | 否 | 无 | 自定义评分文本class |
num | Number | 否 | 5 | 自定义图标数量 |
max | Number | 否 | 10 | 评分最大值 |
score | Number | 否 | 10 | 对应评分 |
showText | Boolean | 否 | true | 是否展示评分文本 |
color | String | 否 | var(--colorImportant) | 自定义高亮态图标颜色 |
bgcolor | String | 否 | var(--colorTextCaptioon) | 自定义背景图标颜色 |
iconType | String | 否 | star | 自定义图标类型 |
示例:
json:
{
"usingComponents": {
"iov-rate": "iov-ui/lib/rate"
}
}
swan:
<view>
<iov-rate
num="10"
max="10"
score="6.5"
showText="true"
class-name-icon="item-icon"
class-name-score="item-score"
color="var(--icolorTextHighlight)"
bgcolor="var(--colorTextNormal)"
iconType="star"
/>
</view>
js:
Page({
});